<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Combos con imagenes</title>
<style type="text/css">
<!--
.circulo {
  background-image: url(circulo.jpg);
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
}
.triangulo{
  background-image: url(triangulo.jpg);
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
}
.cuadrado{
  background-image: url(cuadrado.jpg);
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
}
-->
</style>
</head>
<body>

<h1>Combos con imagenes</h1>

<select>
  <option class="cuadrado">Cuadrado</option>
  <option class="circulo">Circulo</option>
  <option class="triangulo">Triangulo</option>
</select>

<br><br>
<hr>
Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/2006/12/05/combos-con-imagenes/">http://lineadecodigo.com/2006/12/05/combos-con-imagenes/</a><br/>
<a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>


</body>
</html>